<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link href="./bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="../css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
</head>

<body>
<div class="container">
    <form action="" class="form-horizontal"  role="form">
        <fieldset>
            <legend>Test</legend>
            <div class="form-group">
                <label for="dtp_input1" class="col-md-2 control-label">DateTime Picking</label>
                <div class="input-group date form_datetime col-md-5" data-date="1979-09-16T05:25:07Z" data-date-format="dd MM yyyy - HH:ii p" data-link-field="dtp_input1">
                    <input class="form-control" size="16" type="text" value="" readonly>
                    <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
					<span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span>
                </div>
				<input type="hidden" id="dtp_input1" value="" /><br/>
            </div>
			  <input type='text' id='txtDate' />
			   
        </fieldset>
    </form>
</div>

<script type="text/javascript" src="./jquery/jquery-1.8.3.min.js" charset="UTF-8"></script>
<script type="text/javascript" src="./bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
<script type="text/javascript" src="../js/locales/bootstrap-datetimepicker.fr.js" charset="UTF-8"></script>
<script type="text/javascript">
    <!-- $('.form_datetime').datetimepicker({ -->
        <!-- //language:  'fr', -->
        <!-- weekStart: 1, -->
        <!-- todayBtn:  1, -->
		<!-- autoclose: 1, -->
		<!-- todayHighlight: 1, -->
		<!-- startView: 2, -->
		<!-- forceParse: 0, -->
        <!-- showMeridian: 1 -->
    <!-- }); -->
	var availableDates = ["15-12-2015","16-12-2015"];

$(function()
{
    $('#txtDate').datetimepicker({ 
	 minView: "month",
      language:  'zh-CN',
    format: 'yyyy-mm-dd',
    todayBtn:  1,
    autoclose: 1,
	 daysOfWeekDisabled: [0, 2, 3, 4, 5, 6],
	  beforeShowDay:
      function(dt)
      { 
        return [available(dt), "" ];
      }
   , changeMonth: true, changeYear: false});
  
});

 
 
function available(date) {
  dmy = date.getDate() + "-" + (date.getMonth()+1) + "-" + date.getFullYear();
  if ($.inArray(dmy, availableDates) != -1) {
    return false;
  } else {
    return false;
  }
}

</script>

</body>
</html>
